<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>openEuler</title>
    <link rel="stylesheet" type="text/css" href="./css/base.css">
    <link rel="stylesheet" type="text/css" href="./css/markdown.css">
    <link rel="stylesheet" type="text/css" href="./css/docdetail.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/jq.base64.js"></script>
    <script src="./js/docdetail.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<head>

    <body>
        <div id="markdown">
            <div id="content">
                <h2>有奖捉虫演示</h2>
                <ul>
                    <li>
                        按住鼠标左边滑动选取文字
                        单击出现的礼物图标
                    </li>
                    <img class="step-one-img" src="./img/markdown/step1.png">
                    <li>
                        按要求填写表单的问题并且留下联系方式
                    </li>
                    <!-- <img src="./img/markdown/step2.png"> -->
                    <img src="./img/markdown/step2.png">
                    <li>
                        保证自己gitee账号处于登录状态
                        点击提交issue跳转到仓库创建issue
                    </li>
                    <img src="./img/markdown/step3.png">
                    <li>
                        提交issue等待管理员回复
                    </li>
                    <img src="./img/markdown/step4.png">
                </ul>
                <p>PR的表单填写方式与提交issue时一致，只是提交之后的操作不同</p>
                <p>如果您是想提交PR,在填写表单并点击提交后，可根据如下提示操作</p>
                <img src="./img/detail/pr-tip.gif">
            </div>
        </div>
        <div class="feedback">
            <img src="./img/common/gift.png" title="点击参与有奖捉虫" alt="">
        </div>
        <!-- <div id="title-evaluate">
        </div> -->
        <div class="alert">
            <form action="">
                <div class="icon-close"></div>
                <h2 class="title-h2"> 文档捉虫 <a title="查看详情" target="_blank" href="https://docs-bug.openeuler.sh/"><img
                            class="help-icon" src="./img/common/help.png" alt="help"></a></h2>
                <h3 class="title-h3">“有虫”文档片段</h3>
                <div class="textarea-box">
                    <textarea class="main-input first-input" maxlength="500"
                        placeholder="点击输入将“有虫”文档复制，粘贴到此处。"></textarea>
                </div>
                <h3 class="title-h3">问题描述</h3>
                <div class="submit-type">
                    <span class="type-title">提交类型</span>
                    <span class="type-issue">
                        <span>issue</span>
                        <div class="issue-tip">有点复杂...<br/>找人问问吧。</div>
                    </span>
                    <span class="type-PR active-submit">
                        <span>PR</span>
                        <div class="PR-tip">小问题，全程线上修改...<br/>一键搞定！</div>
                    </span>
                </div>
                <div class="evaluates">
                    <div class="issue-title">问题类型</div>
                    <div class="issue" key="1">
                        <span>规范和低错类</span>
                        <div class="issue-detail">
                            <p>● 错别字或拼写错误；标点符号使用错误；</p>
                            <p>● 链接错误、空单元格、格式错误；</p>
                            <p>● 英文中包含中文字符；</p>
                            <p>● 界面和描述不一致，但不影响操作；</p>
                            <p>● 表述不通顺，但不影响理解；</p>
                            <p>● 版本号不匹配：如软件包名称、界面版本号；</p>
                        </div>
                    </div>
                    <div class="issue" key="2">
                        <span>易用性</span>
                        <div class="issue-detail">
                            <p>● 关键步骤错误或缺失，无法指导用户完成任务；</p>
                            <p>● 缺少必要的前提条件、注意事项等；</p>
                            <p>● 图形、表格、文字等晦涩难懂；</p>
                            <p>● 逻辑不清晰，该分类、分项、分步骤的没有给出；</p>
                        </div>
                    </div>
                    <div class="issue" key="3">
                        <span>正确性</span>
                        <div class="issue-detail">
                            <p>● 技术原理、功能、规格等描述和软件不一致，存在错误；</p>
                            <p>● 原理图、架构图等存在错误；</p>
                            <p>● 命令、命令参数等错误；</p>
                            <p>● 代码片段错误；</p>
                            <p>● 命令无法完成对应功能；</p>
                            <p>● 界面错误，无法指导操作；</p>
                        </div>
                    </div>
                    <div class="issue" key="4">
                        <span>风险提示</span>
                        <div class="issue-detail">
                            <p>● 对重要数据或系统存在风险的操作，缺少安全提示；</p>
                        </div>
                    </div>
                    <div class="issue" key="5">
                        <span>内容合规</span>
                        <div class="issue-detail">
                            <p>● 违反法律法规，涉及政治、领土主权等敏感词；</p>
                            <p>● 内容侵权；</p>
                        </div>
                    </div>
                </div>
                <div class="textarea-box">
                    <textarea class="issue-reason main-input" maxlength="500"
                        placeholder="点击输入详细问题描述，以帮助我们快速定位问题。"></textarea>
                </div>
                <!-- <h3 class="title-h3">您的邮箱</h3> -->
                <div class="email">
                    <p class="text-email">
                        我们可能针对您提出的问题，向您发送邮件反馈进行方案。如有获奖信息，也会通过此方式通知您。
                    </p>
                    <input type="text" placeholder="点击输入您的邮箱" class="email-input">
                </div>
                <h3 class="title-h3">您对文档的总体满意度</h3>
                <div class="satisfaction">
                    <div class="low-score">非常不满意</div>
                    <div class="score-box">
                    </div>
                    <div class="high-score">非常满意</div>
                </div>
                <!-- <h3 class="title-h3">请问是什么原因让您参与到这个问题中</h3>
                <ul class="checkbox-list">
                    <li class="checkbox-item"><input type="radio" id="q-5-1" name="join_reason" value="A1"><label
                            class="label" for="q-5-1">本职工作</label></li>
                    <li class="checkbox-item"><input type="radio" id="q-5-2" name="join_reason" value="A2"><label
                            class="label" for="q-5-2">求职</label></li>
                    <li class="checkbox-item"><input type="radio" id="q-5-3" name="join_reason" value="A3"><label
                            class="label" for="q-5-3">技术兴趣</label></li>
                    <li class="checkbox-item"><input type="radio" id="q-5-4" name="join_reason" value="A4"><label
                            class="label" for="q-5-4">学习</label></li>
                </ul> -->
                <div class="privacy-box">
                    <div class="checkbox-item">
                        <input type="radio" id="privacy" name="privacy">
                        <label class="label" for="privacy">您理解并同意，您填写并提交的内容，即视为您已充分阅读并同意openEuler的<a
                                href="https://www.openeuler.org/zh/other/privacy/" target="_blank">隐私声明</a>
                        </label>
                    </div>
                </div>
                <div class="btn-submit"><span>提交</span>
                    <div class="login-tip">
                        <div class="main-tip">
                            封印500报错，需保持gitee在登录状态
                        </div>
                    </div>
                    <div class="submit-tip issue-submit-tip">
                        根据您的反馈，会自动生成issue模板。您只需点击按钮，创建issue即可。
                    </div>
                    <div class="submit-tip pr-submit-tip">
                    </div>
                </div>
            </form>
        </div>
        <div class="right-nav">
            <div class="nav-item"></div>
            <div class="nav-item"><a href="#top">返回顶部</a></div>
            <div class="nav-item question">文档捉虫</div>
        </div>
    </body>

</html>